<!DOCTYPE HTML>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="theme-color" content="#FFFFFF">
        <base href="<?php echo base_url(); ?>">
        <link rel="stylesheet" type="text/css" href="./public_html/css/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="./public_html/css/login.css" />
        <link rel="stylesheet" type="text/css" href="./public_html/css/sweet-alert.css" />
        <title>SONIC :: Login</title>
        <!--[if !IE]> -->
        <script type="text/javascript" src="./public_html/js/jquery.js"></script>
        <script type="text/javascript" src="./public_html/js/sweet-alert.min.js"></script>
        <!-- <![endif]-->
        <!-- [if IE]> 
        <script type="text/javascript" src="./public_html/js/jquery-1.9.1.js"></script>
        <![endif]-->
        <script type="text/javascript" src="./public_html/js/login.js"></script>
        <script>
            function pwcEqual(){
                var pwc = $("#senha").val();
                var confPwc = $("#csenha").val();
                var equal = (pwc === confPwc) ? true : false;
                if(!equal){
                    swal('Ooops...', 'Senhas não conferem', 'error');
                    $("#csenha").closest('.form-group').addClass('error');
                }
                return equal;
            }
        </script>
    </head>
    <body>
        <div id="login-page">
            <div class="col esq">
                <img class="back" src="./public_html/imagens/bg-login.jpg" />
            </div>
            <div class="col dir">
                <div class="logo">
                    <img src="./public_html/imagens/logo_m.png" />
                </div>
                <div class="form-login-layer">
                    <div class="rc-senha-layer"></div>
                    <div class="login-layer">
                        <p class="hint">Utilize os campos abaixo para resetar sua senha</p>
                        <form id="form-login" method="post" onsubmit="return pwcEqual()">
                            <div class="form-group form-group-default">
                                <label>Nova Senha</label>
                                <div class="controls">
                                    <input id="senha" type="password" name="senha" placeholder="Digite uma nova senha" class="form-control" required="" />
                                </div>
                            </div>
                            <div class="form-group form-group-default">
                                <label>Confirmar nova senha</label>
                                <div class="controls">
                                    <input id="csenha" type="password" class="form-control" name="csenha" placeholder="Redigite sua senha" required="">
                                </div>
                            </div>
                            <button id="send" class="btn btn-primary btn-cons m-t-10">Salvar nova senha</button>
                            <a href="./" class="btn btn-primary btn-cons m-t-10">Voltar para login</a>
                        </form>
                    </div>
                </div>
                <div class="footer"></div>
            </div>
        </div>
    </body>
</html>